module.exports = {
  // ... 其他配置
  devServer: {
    host: "192.168.31.88",
    port: "8080",
    // ... 其他devServer配置
  },
};

// var path = require("path"); // 用于拼接路径

// module.exports = {
//   entry: path.resolve(__dirname, "index.jsx"), // 指定项目入口
//   // webpack打包后的js文件路径及名称
//   output: {
//     path: path.resolve(__dirname, "..", "mega_react", "static"),
//     publicPath: "/",
//     filename: "js/main.js",
//   },

//   // 配置模块使用的加载器

//   module: {
//     loaders: [
//       {
//         // 假设我们拥有一个编译sass加载器

//         // 匹配字符串

//         test: /\.scss$/,

//         // 使用的加载器，不可以省略加载器的后缀-loader

//         loaders: ["style-loader", "css-loader", "sass-loader"],
//       },

//       {
//         test: /\.jsx?$/,

//         loaders: ["babel-loader"],
//       },
//     ],
//   },

//   //配置webpack需要依赖的插件的地方

//   plugins: [
//     new HtmlWebPackPlugin({
//       template: "./src/index.html", //可以设置已哪个html文件为模版

//       filename: "./index.html", //可以设置html输出的路径和文件名
//     }),

//     new webpack.DefinePlugin({
//       //最小化压缩 React

//       "process.env": {
//         NODE_ENV: JSON.stringify(process.env.NODE_ENV),
//       },
//     }),
//   ],
//   devServer: {
//     host: "192.168.31.88",
//     port: "8080",
//     // ... 其他devServer配置
//   },
// };
